<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:o="http://openfaces.org/">

    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./../../resources/parts/template1.xhtml">

        <ui:define name="addHead">
            <h:outputStylesheet library="css/b03" name="B03.css" />
            <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
            <h:outputScript library="js/b03" name="google.js" />
        </ui:define>

        <ui:define name="content" >
            <h1>グーグルＡＰＩ</h1>
            <section class=".section_header">
                
<!--サンプル１***************************************************************************-->            
    <div style="background-color: #FFD;">
        <div>
            <!--
            <input value="テスト" type="button" onclick="initialize()" />
            <b>Start: </b>
            <select id="start" onchange="calcRoute();">
            <option value="35.649825, 139.911318">新浦安事業本部</option>
            <option value="東京都千代田区丸の内2-7-3 東京ビルディング25階">本社</option>
            <option value="千葉県千葉市花見川区幕張町5-417-71">幕張店</option>
            <option value="千葉県野田市船形1646-1">野田店</option>
            <option value="千葉県松戸市岩瀬156番地">松戸中央店</option>
            </select>
            <b>End: </b>
            <select id="end" onchange="calcRoute();">
            <option value="千葉県浦安市美浜1-9-2 パシフィックマークス新浦安">新浦安事業本部</option>
            <option value="東京都千代田区丸の内2-7-3 東京ビルディング25階">本社</option>
            <option value="千葉県千葉市花見川区幕張町5-417-71">幕張店</option>
            <option value="千葉県野田市船形1646-1">野田店</option>
            <option value="千葉県松戸市岩瀬156番地">松戸中央店</option>
            </select>
            -->
            
            <input value="テスト" type="button" onclick="test()" />
            <input value="初期化" type="button" onclick="init()" />
            <input value="計算" type="button" onclick="calcRoute2()" /><br />
            
            目的地：<input id="start" value="千葉県浦安市美浜1-9-2" type="text" style="width: 300px;" /><br />
<!--
            <input id="end" value="千葉県千葉市花見川区幕張町5-417-71" type="text" style="width: 300px;" /><br />
-->
            <!--
            <table border="1">
                <tr>
                    <td>名称</td><td>住所</td><td>Latitude,Longitude</td>
                </tr>
                <tr>
                    <td>新浦安</td><td>千葉県浦安市美浜1-9-2</td><td>35.649568, 139.910992</td>
                </tr>
                <tr>
                    <td>幕張店</td><td>千葉県千葉市花見川区幕張町5-417-71</td><td>35.656434, 140.053716</td>
                </tr>
                <tr>
                    <td>野田店</td><td>千葉県野田市船形1646-1<br /></td><td>35.989758 ,139.853181</td>
                </tr>
                <tr>
                    <td>松戸中央店</td><td>千葉県松戸市岩瀬156番地</td><td>35.783216 ,139.909329</td>
                </tr>
                <tr>
                    <td><br /></td><td><br /></td><td><br /></td>
                </tr>
            </table>
            -->
            
            <table border="1">
                <tr><td>番号</td><td>名称</td><td>住所</td><td>距離</td><td>時間</td></tr>
                <tr><td>01</td><td>野田店</td><td><input id="from0" value="千葉県野田市船形1646-1" type="text" style="width: 300px;" /></td><td><input id="kyori0" type="text" /></td><td><input id="jikan0" type="text" /></td></tr>
                <tr><td>02</td><td>幕張店</td><td><input id="from1" value="千葉県千葉市花見川区幕張町5-417-71" type="text" style="width: 300px;" /></td><td><input id="kyori1" type="text" /></td><td><input id="jikan1" type="text" /></td></tr>
                <tr><td>03</td><td>松戸中央店</td><td><input id="from2" value="千葉県松戸市岩瀬156番地" type="text" style="width: 300px;" /></td><td><input id="kyori2" type="text" /></td><td><input id="jikan2" type="text" /></td></tr>
                <tr><td>04</td><td>鎌ヶ谷店</td><td><input id="from3" value="千葉県船橋市馬込西１丁目7番23号" type="text" style="width: 300px;" /></td><td><input id="kyori3" type="text" /></td><td><input id="jikan3" type="text" /></td></tr>
                <tr><td>05</td><td>船橋習志野店</td><td><input id="from4" value="千葉県船橋市習志野1-8-1" type="text" style="width: 300px;" /></td><td><input id="kyori4" type="text" /></td><td><input id="jikan4" type="text" /></td></tr>
                <tr><td>06</td><td>東船橋店</td><td><input id="from5" value="千葉県船橋市前原西1-4-3" type="text" style="width: 300px;" /></td><td><input id="kyori5" type="text" /></td><td><input id="jikan5" type="text" /></td></tr>
                <tr><td>07</td><td>東習志野店</td><td><input id="from6" value="千葉県習志野市東習志野8-23-27" type="text" style="width: 300px;" /></td><td><input id="kyori6" type="text" /></td><td><input id="jikan6" type="text" /></td></tr>
                <tr><td>08</td><td>16号八千代店</td><td><input id="from7" value="千葉県八千代市勝田台南1-17-11" type="text" style="width: 300px;" /></td><td><input id="kyori7" type="text" /></td><td><input id="jikan7" type="text" /></td></tr>
                <tr><td>09</td><td>6号柏店</td><td><input id="from8" value="千葉県柏市豊町2丁目4番20号" type="text" style="width: 300px;" /></td><td><input id="kyori8" type="text" /></td><td><input id="jikan8" type="text" /></td></tr>
                <tr><td>10</td><td>ガリバーアウトレット柏沼南店</td><td><input id="from9" value="千葉県柏市風早1-3-4" type="text" style="width: 300px;" /></td><td><input id="kyori9" type="text" /></td><td><input id="jikan9" type="text" /></td></tr>
                <tr><td>11</td><td>浦安やなぎ通り店</td><td><input id="from10" value="千葉県浦安市北栄4-20-3" type="text" style="width: 300px;" /></td><td><input id="kyori10" type="text" /></td><td><input id="jikan10" type="text" /></td></tr>
                <tr><td>12</td><td>四街道店</td><td><input id="from11" value="千葉県四街道市栗山988-1" type="text" style="width: 300px;" /></td><td><input id="kyori11" type="text" /></td><td><input id="jikan11" type="text" /></td></tr>
                <tr><td>13</td><td>ガリバーアウトレット佐倉王子台店</td><td><input id="from12" value="千葉県佐倉市王子台2-12-17" type="text" style="width: 300px;" /></td><td><input id="kyori12" type="text" /></td><td><input id="jikan12" type="text" /></td></tr>
                <tr><td>14</td><td>成田空港通り店</td><td><input id="from13" value="千葉県成田市土屋字大株1325" type="text" style="width: 300px;" /></td><td><input id="kyori13" type="text" /></td><td><input id="jikan13" type="text" /></td></tr>
                <tr><td>15</td><td>旭店</td><td><input id="from14" value="千葉県旭市ニ5886-18" type="text" style="width: 300px;" /></td><td><input id="kyori14" type="text" /></td><td><input id="jikan14" type="text" /></td></tr>
                <tr><td>16</td><td>ガリバーアウトレット蘇我インター店</td><td><input id="from15" value="千葉県市原市古市場618番地3" type="text" style="width: 300px;" /></td><td><input id="kyori15" type="text" /></td><td><input id="jikan15" type="text" /></td></tr>
                <tr><td>17</td><td>市原平成通り店</td><td><input id="from16" value="千葉県市原市君塚3-4-3" type="text" style="width: 300px;" /></td><td><input id="kyori16" type="text" /></td><td><input id="jikan16" type="text" /></td></tr>
                <tr><td>18</td><td>木更津店</td><td><input id="from17" value="千葉県木更津市請西2-1-4" type="text" style="width: 300px;" /></td><td><input id="kyori17" type="text" /></td><td><input id="jikan17" type="text" /></td></tr>
                <tr><td>19</td><td>イオンモール富津店</td><td><input id="from18" value="千葉県富津市青木1-5-1" type="text" style="width: 300px;" /></td><td><input id="kyori18" type="text" /></td><td><input id="jikan18" type="text" /></td></tr>
                <tr><td>20</td><td>館山店</td><td><input id="from19" value="千葉県館山市八幡" type="text" style="width: 300px;" /></td><td><input id="kyori19" type="text" /></td><td><input id="jikan19" type="text" /></td></tr>
                <tr><td>21</td><td>茂原店</td><td><input id="from20" value="千葉県茂原市腰当1306-1" type="text" style="width: 300px;" /></td><td><input id="kyori20" type="text" /></td><td><input id="jikan20" type="text" /></td></tr>
                <tr><td>22</td><td>明治通り王子店</td><td><input id="from21" value="東京都北区堀船1-15-8" type="text" style="width: 300px;" /></td><td><input id="kyori21" type="text" /></td><td><input id="jikan21" type="text" /></td></tr>
                <tr><td>23</td><td>赤羽店</td><td><input id="from22" value="東京都北区赤羽北１－１９－６" type="text" style="width: 300px;" /></td><td><input id="kyori22" type="text" /></td><td><input id="jikan22" type="text" /></td></tr>
                <tr><td>24</td><td>環七加平店</td><td><input id="from23" value="東京都足立区加平2-3-2" type="text" style="width: 300px;" /></td><td><input id="kyori23" type="text" /></td><td><input id="jikan23" type="text" /></td></tr>
                <tr><td>25</td><td>環七西新井店</td><td><input id="from24" value="東京都足立区西新井6-4-3" type="text" style="width: 300px;" /></td><td><input id="kyori24" type="text" /></td><td><input id="jikan24" type="text" /></td></tr>
                <tr><td>26</td><td>蔵前橋通り新小岩店</td><td><input id="from25" value="東京都葛飾区奥戸四丁目24番24号" type="text" style="width: 300px;" /></td><td><input id="kyori25" type="text" /></td><td><input id="jikan25" type="text" /></td></tr>
                <tr><td>27</td><td>R6葛飾店</td><td><input id="from26" value="東京都葛飾区白鳥1-10-13" type="text" style="width: 300px;" /></td><td><input id="kyori26" type="text" /></td><td><input id="jikan26" type="text" /></td></tr>
                <tr><td>28</td><td>向島店</td><td><input id="from27" value="東京都墨田区東向島2-1-4" type="text" style="width: 300px;" /></td><td><input id="kyori27" type="text" /></td><td><input id="jikan27" type="text" /></td></tr>
                <tr><td>29</td><td>環七一之江店</td><td><input id="from28" value="東京都江戸川区一之江4-18-10" type="text" style="width: 300px;" /></td><td><input id="kyori28" type="text" /></td><td><input id="jikan28" type="text" /></td></tr>
                <tr><td>30</td><td>東葛西店</td><td><input id="from29" value="東京都江戸川区東葛西2-31ー12" type="text" style="width: 300px;" /></td><td><input id="kyori29" type="text" /></td><td><input id="jikan29" type="text" /></td></tr>
                <tr><td>31</td><td>扇橋店</td><td><input id="from30" value="東京都江東区扇橋2-18-1" type="text" style="width: 300px;" /></td><td><input id="kyori30" type="text" /></td><td><input id="jikan30" type="text" /></td></tr>
                <tr><td>32</td><td>山口店</td><td><input id="from31" value="山口県山口市大内矢田２４５－２" type="text" style="width: 300px;" /></td><td><input id="kyori31" type="text" /></td><td><input id="jikan31" type="text" /></td></tr>
            </table>
            
        </div>
        
        <div id="map_canvas" style="float:left; width: 420px; height: 480px;"></div>
        <div id="directionsPanel" style="float:left; width:30%; height: 100%;"></div>
        <div id="kyori"></div>
        <div id="jikan"></div>
        <br style="clear: left;" />
    </div>
<!--サンプル２***************************************************************************-->            
    <div style="background-color: #FDF;">
        サンプル２
    </div>
                
            </section>
        </ui:define>
    </ui:composition>
</html>